<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>@project_name@ Examples: @category_description@</title>
    <link rel="icon" href="/@project_name@/thumbnail.png" type="image/png" />
    <link
      rel="stylesheet"
      type="text/css"
      href="/@project_name@/examples.css"
    />
    <style>
      main > h1 {
        margin-top: 0;
      }
    </style>

    <meta property="og:type" content="website">
    <meta property="og:title" content="@project_name@ Examples: @category_description@">
    <meta property="og:description" content="@project_name@ Examples: @category_description@">
    <meta property="og:image" content="@preview_image@" />

  </head>
  <body>
    <header>
      <a href="/">@project_name@ Examples</a>
    </header>
    <main>
      <nav class="breadcrumb">
        <ul>
          <li><a href="/@project_name@/">@project_name@</a></li>
          <li><a href="/@project_name@/@category_name@">@category_name@</a></li>
        </ul>
      </nav>
      <h1>@project_name@ examples: @category_description@</h1>
      <div class="list">@examples_list_html@</div>
    </main>
  </body>
</html>
